@import '../../../../css/workStation/light.less';

.mainBox {
  height: inherit;

}

.openBox {
  background-color: @comp_bg_color;
  border-radius: 10px;
  box-shadow: 0px 2px 11px 0px @comp_box_shadowColor;
  height: 100%;

  .boxContent {
    padding: 14px 12px 18px 24px;

  }
}
.BaseInfoForm {
  background: @menu_bg;
  box-shadow: 0px 2px 11px 0px @comp_box_shadowColor;
  border-radius: 10px;

  .baseInfo {
    padding: 20px 20px;
    height: calc(~"100vh - 144px");
    overflow-y: auto;
  }
}
.closeBox {
  background-color: @comp_bg_color;
  box-shadow: 0px 2px 11px 0px @comp_box_shadowColor;
  border-radius: 10px;
  height: 100%;
  position: relative;

  .boxContent {
    padding: 24px 28px 10px 20px;

    div {
      font-size: 14px;
      font-family: PingFangSC-Regular, PingFang SC;
      font-weight: 500;
      color: @sum_font_color;
      margin-bottom: 18px;
    }

    span {
      font-size: 16px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: @btn_select_color;
    }

  }

  .closeBoxbg {
    position: absolute;
    right: -30px;
    bottom: -77px;
  }
}

.moreOperation {
  margin-left: 16px;
  padding-top: 5px;

  :global {
    .ant-dropdown-trigger {
      color: @btn_select_color;
    }
  }
}
.moreOperationSec {
  margin-left: 16px;

  :global {
    .ant-dropdown-trigger {
      color: @btn_select_color;
    }
  }
}
.secondOperation {
  display: flex;
  width: 100%;
  height: 48px;
  margin-bottom: 10px;
  .left {
    width : calc(~"100% - 280px");
    background: @sum_bg_color;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }
  .right {
    justify-content: flex-end;
    display: flex;
    align-items: center;
  }
}
.dataExport {
  padding-top: 5px;
  margin-left: 16px;

  :global {
    .ant-dropdown-trigger {
      color: @btn_select_color;
    }
  }
}

.holdSearch {
  padding-right: 8px;
}
.searchDock {
  :global {
    .ant-col-lg-7 {
      width: unset !important;
    }

    .ant-legacy-form {
      background-image: unset !important;
    }
  }
}
.wrapReal {
  width: 100%;
  background: @sum_bg_color;
  margin-bottom: 14px;
  border-radius: 4px;
  background-image: url('../../../../assets/busi/workStation/Barra/border2.png');
  background-repeat: no-repeat;
  padding-right: 8px;
  >div {
    display: flex;
    justify-content: space-around;
    height: 34px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 600;
    color: @sum_font_color;
    line-height: 34px;
    padding-left: 48px;
    span {
      display: inline-block;
      width: 16%;
    }
  }
  >div:first-child{
    display: flex;
    justify-content: space-around;
    height: 34px;
    font-size: 14px;
    font-family: PingFangSC-Medium, PingFang SC;
    line-height: 34px;
    color: @table_font_color;
    font-weight: 500;
  }

}
.displayOperate {
  display: flex;
  justify-content: space-between;
  height: 60px;
  padding: 10px 0 ;
  >div:first-child{
    width: 74%;
    display: flex;
    justify-content: space-evenly;
    background: @sum_bg_color;
  }
  >div {
    display: flex;
    align-items: center;
  }
}
//统计信息
.wrap {
  display: flex;
  width: 100%;
  height: 133px;
  background: @sum_bg_color;
  margin-bottom: 14px;
  border-radius: 4px;
  justify-content: space-around;
  background-image: url('../../../../assets/busi/workStation/Barra/border2.png');
  background-repeat: no-repeat;
  padding-right: 8px;

  div {
    padding-left: 24px;

    div:first-child {
      color: @table_font_color;
      font-weight: 500;
    }

    div {
      height: 34px;
      font-size: 14px;
      font-family: PingFangSC-Medium, PingFang SC;
      font-weight: 600;
      color: @sum_font_color;
      line-height: 34px;
    }

  }

  >div:last-child {
    border: 0;
  }
}

.shstyle {
  :global {
    .ant-popover-inner {
      height: 250px;
      width: 183px;
      overflow: auto;

      .ant-popover-inner-content {
        padding: 11px 12px;

        .ant-tree-switcher-noop {
          width: 0;
        }
      }
    }

  }
}

.table {
  :global {
    .ant-table-thead {
      th {
        background: @table_title_bgColor  !important;
      }
    }

    .ant-form-item {
      margin: 0;
    }

    .ant-table-row-level-0 {
      td {
        height: 41px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
    }
  }
}

.modal {
  :global {
    .ant-modal-body {
      padding: 20px 24px 24px 20px !important;
    }
  }
}

.modalTable {
  :global {
    .ant-table-thead {
      th {
        background: @table_title_bgColor  !important;
      }
    }

    .ant-form-item {
      margin: 0;
    }

    .ant-table-row-level-0 {
      td {
        height: 41px;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
      }
    }
  }
}
.transactionManage {
  .otherBtn {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .transactionManageSearch {
    form {
      padding-top: 0;
      padding-bottom: 0;
      >div:first-child {
        display: flex;
        justify-content: space-between;
      }
    }
    :global{
      .ant-col-6 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        .ant-col-lg-15 {
          width: 77%;
        }
      }
    }
    :global {
      .ant-col-lg-7 {
        width: unset !important;
      }
      .ant-legacy-form {
        background-image: unset !important;
        box-shadow: unset !important;
      }
    }
  }
}
.transactionManage,
.cashManage {
  .searchCash {
    form {
      padding-top: 0;
      padding-bottom: 0;
      >div:first-child {
        display: flex;
        justify-content: space-between;
      }
    }
    :global{
      .ant-col-6 {
        display: block;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
        .ant-col-lg-15 {
          width: 77%;
        }
      }
    }
  }
  :global {
    .ant-col-lg-7 {
      width: unset !important;
    }
    .ant-legacy-form {
      background-image: unset !important;
      box-shadow: unset !important;
    }
  }
  .searchCont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 8px;

    .search {
      // display: flex;
      // align-items: center;
      // justify-content: space-between;

      :global {
        .ant-form-item {
          margin-bottom: 0;
        }
      }

    }
  }

  .table {
    margin-top: 18px;
  }
}
